<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>class类静态成员属性</title>
  </head>
  <body>
    <div></div>
    <script>
      /*function Phone() {
        //声明一个构造函数 ，函数也是对象，然后往构造函数上面添加一些属性
      }
      Phone.name = "手机"
      Phone.call = function () {
        console.log("打电话")
      }
      Phone.prototype.size = "5.5"
      //实例化一个对象
      let xiaomi = new Phone()
      console.log(xiaomi.name) //undefined

      //xiaomi.call()
      //也就是说实例对象是没有构造函数对象上面的 属性和方法的
      //实例对象和构造函数对象，它们的属性和方法是不通的
      //不过实例对象可以继承构造函数原型上面的属性和方法

      console.log(xiaomi.size)
      //像这种只属于函数对象的属性称之为静态成员属性
      */
      class Phone {
        //静态属性
        static name = "手机"
        static call() {
          console.log("打电话")
        }
      }
      let xiaomi = new Phone()
      console.log(xiaomi.name)
      console.log(Phone.name)
    </script>
  </body>
</html>
